<template>
    <div>
        <h4>
            管理服务
            <span>提供要管理的API的生产和沙箱端点</span>
        </h4>
        <el-divider></el-divider>
        <el-form ref="form" :model="form" label-width="140px" label-position="left">
            <el-form-item label="生产端点路径：:">
                <el-input v-model="form.productionPath"></el-input>
            </el-form-item>
            <el-form-item label="沙箱端点路径:">
                <el-input v-model="form.sandboxPath"></el-input>
            </el-form-item>
            <el-form-item label="接口服务类型:">
                <el-select v-model="form.type" placeholder="" :disabled="true">
                    <el-option label="区域一" value="shanghai"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="接口服务状态:">
                <el-input v-model="form.serve"></el-input>
            </el-form-item>
            <el-form-item label="最近更新时间:">
                <el-input v-model="form.time"></el-input>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: 'Realize',
    data() {
        return {
            form: {
                productionPath: '',
                sandboxPath: '',
                type: '认证接口',
                serve: '',
                time: ''
            }
        }
    },
  methods: {
    getQuery(){
     this.form.productionPath = this.$store.state.fuwu.host
    },

},
  destroyed() {
    this.$store.state.fuwu.host=this.form.productionPath

  },
  mounted(){
    this.getQuery();

  }
}
</script>

<style scoped>
h4 {
    color: blue;
}

h4 span {
    color: gainsboro;
    margin-left: 25px;
}
</style>
